// 函数封装
import { createVNode, render } from 'vue'
import _Message from './index.vue'

function Message ({ text, type }) {
  // 1. 生成虚拟 dom 节点
  const VNode = createVNode(_Message, {
    text, type
  })
  // 2. 挂载节点-手动创建
  const container = document.createElement('div')
  document.body.appendChild(container)
  // 3. 使用 render 完成挂载显示在页面中
  render(VNode, container)

  // 1s后消失
  setTimeout(() => {
    render(null, container)
  }, 3000)
}

export default Message
